<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演出列表</title>
    <link href="/show/bootstrap-4.0.0-dist/css/bootstrap.css" rel="stylesheet">
    <script src="/show/bootstrap-4.0.0-dist/js/jquery-3.3.1.js"></script>
    <script src="/show/bootstrap-4.0.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="/new/css/index/photoswipe.css"/>
    <link rel="stylesheet" type="text/css" href="/new/css/index/style.css"/>
    <link rel="stylesheet" type="text/css" href="/new/css/index/responsive.css"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <script src="/new/js/index/jquery.min.js"></script>
</head>
<body>
<!--header start-->
<header class="header-box">
    <section class="header clearfix">
        <a href="index">
            <img class="logo" src="images/logo.png"
                 alt=""/></a>
        <ul class="nav clearfix">
            <li  ><a href="/index">首页</a></li>
            <li><a href="/themearea">主题区域</a></li>
            <li class="active"><a href="/show/timeList">精彩演艺</a></li>
            <li><a href="/evaluate/viewPj">评价</a>
        </ul>
        <div class="online-ticket">
            <a href="/booking" target="_blank"
               id="onlinetickets">
                <div class="anim"></div>
                在线购票</a>
        </div>
        <div class="menubtn clearfix">
            <b>导航</b>
            <span></span>
        </div>
        <section class="navitebox">
            <div class="navevg"></div>
            <div class="navelsit">
                <div class="navbgs"></div>
                <ul class="nativeli">
                    <li><a href="index">首页</a></li>
                    <li><a href="themearea">主题区域</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li><a href="/show/timeList">精彩演艺</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li><a href="/evaluate/viewPj">评价</a>
                        <ol class="levalmenus">
                            <li><a href="service">票务服务</a></li>
                            <li><a href="operation">运营时间</a></li>
                            <li><a href="traffic.aspx?t=27">交通指南</a></li>
                            <li><a href="guide.aspx?t=28">游园导览</a></li>
                            <li><a href="park-service.aspx?t=29">园区服务</a></li>
                            <li><a href="notice.aspx?t=30">游园须知</a></li>
                            <li><a href="problem.aspx?t=31">常见问题</a></li>
                            <li><a href="message.aspx?t=32">留言反馈</a></li>
                        </ol>
                    </li>

                </ul>
            </div>
        </section>
    </section>
    <section class="menudonws">
        <div class="menuwr clearfix">
            <div class="menuinfo"></div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
                <ul class="menuse">
                    <li><a href="service.aspx?t=25">票务服务</a></li>
                    <li><a href="operation.aspx?t=26">运营时间</a></li>
                    <li><a href="traffic.aspx?t=27">交通指南</a></li>
                    <li><a href="guide.aspx?t=28">游园导览</a></li>
                    <li><a href="park-service.aspx?t=29">园区服务</a></li>
                    <li><a href="notice.aspx?t=30">游园须知</a></li>
                    <li><a href="problem.aspx?t=31">常见问题</a></li>
                    <li><a href="message.aspx?t=32">留言反馈</a></li>
                </ul>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
        </div>
    </section>
</header>
<!--header end-->
<div class="container" style="margin-top: 80px">
        <form>
            <div style="border-top-left-radius: 20px;border-top-right-radius: 20px; background-color: #258ed0;height: 70px;width: 100%;line-height: 70px;">
                <span style="text-align: center;color: #d1ecf1;font-size: 25px;margin-left: 470px;">
                    日场（9:00-21:00）
                </span>
            </div>
            <table id="dayTable" class="table table-hover" th:each="par:${dayMap}">
                <thead style="background-color: #e5faff">
                    <th><h4 th:text="${par.key}" style="color: #235f9a"></h4></th>
                </thead>
                <tbody >
                    <tr th:each="activity:${par.value}">
                        <td>
                            <ul class="list-group list-group-flush">
                                <li  class="list-group-item">
                                    <div >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slack" viewBox="0 0 16 16">
                                            <path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.681 1.68-1.681h4.21zm6.749 1.682c0-.926.755-1.681 1.68-1.681.925 0 1.681.755 1.681 1.68 0 .925-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" style="color:#ff7800"/>
                                        </svg>
                                        <span th:text="${activity.activityName}" style="color:#ff7800;font-size: 20px"></span>
                                        <span>&nbsp;</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd" d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" style="color: grey"/>
                                        </svg>
                                        <span th:text="${activity.activityArea}" style="color: grey; font-size: 14px"></span>
                                    </div>
                                    <div>
                                        <span th:text="${activity.showStopWeekday}"></span><span>&nbsp;</span>
                                        <span th:text="${activity.showWorkdayTime}"></span><span>&nbsp;</span>
                                        <span th:text="${activity.showWeekdayTime}"></span>
                                    </div>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tbody>
            </table>

            <div style="border-top-left-radius: 20px;border-top-right-radius: 20px; background-color: #062c33;height: 70px;width: 100%;line-height: 70px;">
                <span style="text-align: center;color: #d1ecf1;font-size: 25px;margin-left: 470px;">
                    夜场（17:00-21:00）
                </span>
            </div>
            <table id="nightTable" class="table table-hover " th:each="parr:${nightMap}">
                <thead style="background-color: #e5faff">
                    <th><h4 th:text="${parr.key}" style="color: #235f9a"></h4></th>
                </thead>
                <tbody>
                <tr th:each="activityy:${parr.value}">
                    <td>
                        <ul class="list-group list-group-flush" >
                            <li class="list-group-item" >
                                <div >
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slack" viewBox="0 0 16 16">
                                        <path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.681 1.68-1.681h4.21zm6.749 1.682c0-.926.755-1.681 1.68-1.681.925 0 1.681.755 1.681 1.68 0 .925-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" style="color:#ff7800"/>
                                    </svg>
                                    <span th:text="${activityy.activityName}" style="color:#ff7800;font-size: 20px"></span>
                                    <span>&nbsp;</span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" style="color: grey"/>
                                    </svg>
                                    <span th:text="${activityy.activityArea}" style="color: grey; font-size: 14px"></span>
                                </div>
                                <div>
                                    <span th:text="${activityy.showStopWeekday}"></span><span>&nbsp;</span>
                                    <span th:text="${activityy.showWorkdayTime}"></span><span>&nbsp;</span>
                                    <span th:text="${activityy.showWeekdayTime}"></span>
                                </div>
                            </li>
                        </ul>
                    </td>
                </tr>
                </tbody>
            </table>
        </form>
</div>
</body>
<script src="/new/js/index/plugin.js"></script>
<script src="/new/js/index/page.js"></script>
<script src="/new/js/index/buttonLite.js"></script>
</html>